<template>
  <div class="detail-news">
    {{info.title}}
  </div>
</template>

<script>
export default {
  props: {
    other: {
      type: String
    },
    info: {
      type: Object
    }
  },
  data() {
    return {
      newsObj: {}
    };
  },
  beforeCreate() {
    console.group("beforeCreate 创建前状态===============》");
  },
  created() {
    console.group("created 创建完毕状态===============》");
  },
  beforeMount() {
    console.group("beforeMount 挂载前状态===============》");
  },
  mounted() {
    console.group("mounted 挂载结束状态===============》");
    console.log(this.other);
  },
  beforeUpdate() {
    console.group("beforeUpdate 更新前状态===============》");
  },
  updated() {
    console.group("updated 更新完成状态===============》");
  },
  beforeDestroy() {
    console.group("beforeDestroy 销毁前状态===============》");
  },
  destroyed() {
    console.group("destroyed 销毁完成状态===============》");
    this.$destroy();
  },
  watch: {
    info() {
      this.newsObj = this.info;
      console.log(this.newsObj.newsId);
    }
  },
  methods: {}
};
</script>
<style>

</style>

